<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>千岛湖</title>
		<link href="css/css.css" rel="stylesheet">
	</head>
	<body>
		<div>
			<br>
			<div class="gundong">
				<marquee>
					<p>欢迎来到千岛湖！</p>
				</marquee>
			</div>
			<div class="nav">
				<a href="千岛湖.html">首页</a>				
				<a href="内容1.html">关于千岛湖</a>
				<a href="模块1.html">岛屿风光</a>
				<a href="内容2.html">美食特色</a>
				<a href="模块2.html">联系我们</a>								
			</div>
			<div class="main">
				<div class="a3">
					<img src="img/a5.png" >
				</div>							
				<br>
				<br>
				<div class="cont">
					<h2>岛屿风光
					</h2>
					<hr width="800">
					<br>
					<br>
					<div id="container">
						<ul class="chanpin">
							<li>
								<a href="img/m1.jpg"><img src="img/m1.jpg"></a>
								<h3>岛屿风光</h3>
							</li>
							<li>
								<a href="img/m2.jpg"><img src="img/m2.jpg"></a>
								<h3>岛屿风光</h3>
							</li>
							<li>
								<a href="img/m3.jpg"><img src="img/m3.jpg"></a>
								<h3>岛屿风光</h3>
							</li>
							<li>
								<a href="img/m4.jpg"><img src="img/m4.jpg"></a>
								<h3>岛屿风光</h3>
							</li>
							<li>
								<a href="img/m5.jpg"><img src="img/m5.jpg"></a>
								<h3>岛屿风光</h3>
							</li>
							<li>
								<a href="img/m6.jpg"><img src="img/m6.jpg"></a>
								<h3>岛屿风光</h3>							
							</li>
						</ul>
					</div>
					<br>					
				</div>				
			</div>
			<div class="foot">
				<p>版权所有 千岛湖旅游网 2020 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#124;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 联系电话1234-56565656 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#124;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 电子邮件qiandaolake@163.com  </p>
			</div>
			<input type="button" name="" id="btn" value="回到顶部" />				
	</body>
	<script >
		// 回到顶部
		var btn = document.getElementById('btn')			
		btn.style.display = "block"		
		btn.onclick = function() {
			document.documentElement.scrollTop = 0
		}
	</script>
</html>
